<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>微信，是一种生活方式</title>
        <link rel="shortcut icon" href="imgagese/bitbug_favicon (3).ico" />
        <style>
            *{
                margin: 0px;
                padding: 0px;
                list-style: none;
               
            }
            .a1{
                height: 74px;
                background: url(imgagese/zcf1.jpg) repeat-x;

            }
            .b1{
                height: 74px;
                width: 958px;
				margin:0px auto;
		
            }
            .c1{
                float: left;
                height: 74px;
                width: 127px;
               
               
            }
            h1 img{
                height: 42px;
                width: 127px;
                margin-top: 16px;
            }
            
            .c2 li{
				float: right;
			}
            .c2 ul{
				float: left;
                color: ivory;
			}
    
            .c2 {
              
                height: 33px;
                width: 737px;
                float: right;

            }
            li:hover{
				background-color: chartreuse;
				/* 圆角效果 */
				border-radius:70px;
                cursor: pointer;
			}
            li{
				margin-right: 7px;
				margin-top: 18px;
				padding:7px;
            }
            .a2{
                height: 423px;
                background-color: gainsboro;
            }
            .d1{
                height:290px ;
                width: 356px;
                float: left;
                
                margin: 57px 270px;
            }
            .w1{
                height:177px ;
                width: 356px;
                float: left;
               
            }
            
            .w1 h2{
                margin-top: 5px;
            }
            .w1 p{
                padding: 5px;
                margin: 5px;
            }
            .w2{
                height: 83px;
                width: 218px;
                float: left;
                background: url(imgagese/zcf3.png) repeat-x;
              
            }
            .w3{
                height: 83px;
                width: 190px;
                float: left;
               
            }
            .w3 li{
                margin: 3px;
                padding: 3px;
            }

            .d2{
                height: 423px;
                width: 600px;
               float: right;
               
            }
            .w4{
                height: 213px;
                width: 388px;
                float: left;
                background: url(imgagese/zcf4.png);
                
            }
            .w5{
                height: 36px;
                width: 455px;
                float: right;
                margin-top: 50px;
              
            }
            .w5 li{
                margin-top: 0.5px;
            }
            .a3{
                height: 454px;
                width: 968px;
                margin-left: auto;
               margin-right: auto;
                
            }
            .r1{
                height: 214px;
                width: 629px;
                float: left;
               
                margin-top: 48px;
                margin-right: 341px;

            }
            .t1{
                height: 113px;
                width: 629px;
                float: left;
                background: url(imgagese/zcf5.png);
                
            }
           
            .t2{
                height: 101px;
                width: 629px;
                
                float: left;
            }
            .f1{
                height: 92px;
                width: 216px;
                float: left;
             
                

            }
            .f2{
                height: 92px;
                width: 215px;
                float: left;
              
                

            }
            .f3{
                height: 92px;
                width: 197px;
                float: left;
              
            
              

            }
            .f1 p{
                margin: 0.1px;
                margin-top: 10px;
              
            }
            .f2 p{
                margin: 0.1px;
                margin-top: 10px;
            }
            .f3 p{
                margin: 0.1px;
                margin-top: 10px;
                
            }
            .r2{
                height: 192px;
                width: 629px;
                float: left;
               
               
            
            }
           
            
            .a4{
                height: 50px;
                margin-top: 27px;
             
            }
            .v1{
                height: 13px;
                width: 300spx;
                float: left;
                margin-top: 13px;

            }
         
            .m1{
                height: 13px;
                width: 361px;
                float: left;
                
                
            }
            .m2{
                height: 14px;
                width: 269px;
              
                float: rights;
                margin-top: 20px;
            }
            .m1 p{
                float: left;
                padding-left: 1.5px;
               
            }
            .v2{
                height: 14px;
                width: 200px;
                float: right;
            }
            .v2 li{
                float: right;
                margin: 0.5px;
                padding: 2px;
                
            }
            .r3{
                height: 200px;
                width: 330px;
             
                float: right;
            }
            .t3{
                height: 170px;
                width: 330px;
                
                float: right;
            }
            .t4 h5{
              float: left;
              padding: 5px;
            }
            .t4 img{
                float: left;
                margin-left: 12px;
             
            }
            .t3 li{
                margin: 5px;
            }
          </style>
    </head>
<body>
    <div class="a1">
        <div class="b1">
            <div class="c1">
                <h1>
                    <a href="">
                        <img src="imgagese/zcf2.png" alt="">
                    </a>
                </h1>
           
            </div>
            <div class="c2">
                <ul>
                    <li>
                        <a href="">首页</a>
                    </li>
                </ul>
                <ul>
                    <li>
                        帮助与反馈

                    </li>
                </ul>
                <ul>
                    <li>
                        公众平台
                    </li>
                </ul>
                <ul>
                    <li>
                        开发平台
                    </li>
                </ul>
                <ul>
                    <li>
                        微信支付
                    </li>
                </ul>
                <ul>
                    <li>
                        微信广告
                    </li>
                </ul>
                <ul>
                    <li>
                        企业微信
                    </li>
                </ul>
                <ul>
                    <li>
                        表情开放平台
                    </li>
                </ul>
              
            </div>
            
        </div>
    </div>
    <div class="a2">
        <div class="d1">
            <div class="w1">
                <h2>
                    微信，是一个生活方式
                </h2>
                <p>
                    超过十亿人使用的手机应用
                </p>
                <p>
                    支持发送语音短信、视频、图片和文字
                </p>
                <p>
                    可以群聊，仅耗少量流量，适合大部分智能手机
                </p>
            </div>
            <div class="w2"></div>
            <div class="w3">
                <ul>
                    <li>
                        忘记了微信账号或密码？
                    </li>
                </ul>
                <ul>
                    <li>
                        自助解除登录或功能限制
                    </li>
                </ul>
                <ul>
                    <li>
                        冻结或解冻微信账号
                    </li>
                </ul>
            </div>
          
        </div>
        <div class="d2">
            <div class="w4"></div>
            <div class="w5">
                <p1>
                    微信 3.2.1 for Windows 发布
                </p1>
                <ul>
                    <li>
                        windows 3.2.1
                    </li>
                </ul>
            </div>
        </div>
       
    </div>
    <div class="a3">
        <div class="r1">
            <div class="t1"></div>
            <div class="t2">
                <div class="f1">
                    <h3>
                        微信网页版
                    </h3>
                    <p>
                        扫一扫二维码
                    </p>
                    <p>
                        就能在浏览器上使用微信
                    </p>
                    <ul>
                        <li>
                            <a href="">
                                了解更多
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="f2">
                    <h3>
                        微信 Mac 版
                    </h3>
                    <p>
                        极致简洁，迅捷沟通
                    </p>
                    <ul>
                        <li>
                            了解更多
                        </li>
                    </ul>
                </div>
                <div class="f3">
                    <h3>
                        微信 Windows 版
                    </h3>
                    <p>
                        极致简洁，迅捷沟通
                    </p>
                    <ul>
                        <li>
                            了解更多
                        </li>
                    </ul>
                </div>
            </div>
       
        </div>
        <div class="r2"></div>
        <div class="r3">
            <div class="t3">
                <ul>
                    <li>
                        微信3.2.1 windows正式发布（new）
                    </li>
                </ul>
                <ul>
                    <li>
                        微信8.0.1 for Android正式发布（new）
                    </li>
                </ul>
                <ul>
                    <li>
                        微信8.0.2 for ios正式发布（new）
                    </li>
                </ul>
                <ul>
                    <li>
                        查看更多
                    </li>
                </ul>
            </div>
            <div class="t4">
                <a href="">
                    <img src="imgagese/zcf7.png" alt="">
                </a>
                <h5>
                    联系我们

                </h5>
            </div>
          


        </div>
    </div>
    <div class="a4">
        <div class="v1">
           <div class="m1">
            <p>
                关于腾讯
            </p>
            <p>
                服务条款
            </p>
            <p>
                使用规范
            </p>
            <p>
                客服中心
            </p>
            <p>
                隐私保护指引
            </p>
           </div>
           <div class="m2">
            <p>
                © 1998 - 2021 Tencent Inc. All Rights Reserved
            </p>
           </div>
        </div>
        <div class="v2">
            <ul>
                <li>
                    简体中文
                </li>
            </ul>
            <ul>
                <li>
                    繁体中文
                </li>
            </ul>
            <ul>
                <li>
                    English
                </li>
            </ul>
        </div>
    </div>
   
  
</body>
</html>